<template>
  <div>
    <CloudTransfer
      :treeData="treeData"
      :checkable="true"
      :treeSelectData="treeSelectData"
      :isLoose="true"
       :checkStrictly="true"
    ></CloudTransfer>
  </div>
</template>

<script>
export default {
  title: '5.点选择完全受控 ',
  subTitle: 'checkable 状态下节点选择完全受控（父子节点选中状态不再关联）',
  data() {
    return {
      treeData: [{
        title: '0是大大说阿达的按时阿达按时啊大阿萨德卡拉瓦乔嗯啊十多年五千多年前五年啊大阿萨德卡拉瓦乔嗯啊十多年五千多年前五年的的六七年',
        id: '0',
        isParent: true,
        children: [{
          title: '1七年卡拉瓦乔嗯啊十多年五千多年前五年的六啊大阿萨德卡拉瓦乔嗯啊十多年五千多年前五年的啊大阿萨德卡拉瓦乔嗯啊十多年五千多年前五年的七年',
          id: '1',
          isParent: true,
          children: [{
            title: '19七年卡拉瓦乔嗯啊十多年五千多年前五年的啊大阿萨德卡拉瓦乔嗯啊十多年五千多年前五年的啊大阿萨德卡拉瓦乔嗯啊十多年五千多年前五年的六七年',
            id: '19',
            isLeaf: true,
          },
          {
            title: '20卡拉瓦乔嗯啊十多年五千多年前五年的六七年卡拉瓦乔嗯啊十多年五千多年前五年的六七年',
            id: '20',
            isLeaf: true,
          }]
        },
        {
          title: '2卡拉瓦乔嗯啊十多年五千多年前五年的六七年卡拉瓦乔嗯啊十多年五千多年前五年的六七年',
          id: '2',
          isParent: true,
        },
        {
          title: '3卡拉瓦乔嗯啊十多年五千多年前五年的六七年卡拉瓦乔嗯啊十多年五千多年前五年的六七年',
          id: '3',
          isLeaf: true,
        },
        {
          title: '4卡拉瓦乔嗯啊十多年五千多年前五年的六七年卡拉瓦乔嗯啊十多年五千多年前五年的六七年',
          id: '4',
          isLeaf: true,
        },
        {
          title: '5卡拉瓦乔嗯啊十多年五千多年前五年的六七年卡拉瓦乔嗯啊十多年五千多年前五年的六七年',
          id: '5',
          isLeaf: true,
        },
        {
          title: '6卡拉瓦乔嗯啊十多年五千多年前五年的六七年卡拉瓦乔嗯啊十多年五千多年前五年的六七年',
          id: '6',
          isLeaf: true,
        },
        {
          title: '7卡拉瓦乔嗯啊十多年五千多年前五年的六七年卡拉瓦乔嗯啊十多年五千多年前五年的六七年',
          id: '7',
          isLeaf: true,
        },
        {
          title: '8卡拉瓦乔嗯啊十多年五千多年前五年的六七年卡拉瓦乔嗯啊十多年五千多年前五年的六七年',
          id: '8',
          isLeaf: true,
        },
        {
          title: '9卡拉瓦乔嗯啊十多年五千多年前五年的六七年卡拉瓦乔嗯啊十多年五千多年前五年的六七年',
          id: '9',
          isLeaf: true,
        },
        {
          title: '10卡拉瓦乔嗯啊十多年五千多年前五年的六七年卡拉瓦乔嗯啊十多年五千多年前五年的六七年',
          id: '10',
          isLeaf: true,
        },
        {
          title: '11卡拉瓦乔嗯啊十多年五千多年前五年的六七年卡拉瓦乔嗯啊十多年五千多年前五年的六七年',
          id: '11',
          isLeaf: true,
        },
        {
          title: '12卡拉瓦乔嗯啊十多年五千多年前五年的六七年卡拉瓦乔嗯啊十多年五千多年前五年的六七年',
          id: '12',
          isLeaf: true,
        },
        {
          title: '13卡拉瓦乔嗯啊十多年五千多年前五年的六七年卡拉瓦乔嗯啊十多年五千多年前五年的六七年',
          id: '13',
          isLeaf: true,
        },
        {
          title: '14卡拉瓦乔嗯啊十多年五千多年前五年的六七年卡拉瓦乔嗯啊十多年五千多年前五年的六七年',
          id: '14',
          isLeaf: true,
        },
        {
          title: '15卡拉瓦乔嗯啊十多年五千多年前五年的六七年卡拉瓦乔嗯啊十多年五千多年前五年的六七年',
          id: '15',
          isLeaf: true,
        },
        {
          title: '16卡拉瓦乔嗯啊十多年五千多年前五年的六七年卡拉瓦乔嗯啊十多年五千多年前五年的六七年',
          id: '16',
          isLeaf: true,
        },
        {
          title: '17卡拉瓦乔嗯啊十多年五千多年前五年的六七年卡拉瓦乔嗯啊十多年五千多年前五年的六七年',
          id: '17',
          isLeaf: true,
        },
        {
          title: '18卡拉瓦乔嗯啊十多年五千多年前五年的六七年卡拉瓦乔嗯啊十多年五千多年前五年的六七年',
          id: '18',
          isLeaf: true,
        }]
      }],
      treeSelectData: [{
        title: 123,
        key: 123,
        id: '123',
        isParent: true,
        children: [{
          title: 456,
          key: 456,
          id: '456',
        }, {
          title: 789,
          key: 789,
          id: '789',
        }, {
          title: 111,
          key: 111,
          id: '111',
        }, {
          title: 222,
          key: 222,
          id: '222',
        }, {
          title: 333,
          key: 333,
          id: '333',
        }]
      }]
    }
  },
  methods: {

  }
}
</script>

<style lang="scss">
</style>